@main("") {

    <link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-3.3.7/css/bootstrap.min.css")">
    <script src="@routes.Assets.at("bootstrap-3.3.7/js/bootstrap.min.js")" type="text/javascript"></script>


    <style>

            span {
                font-size: 16px;
            }

            .title {
                margin-top: 30px;
            }

            tr {
                padding: 0;
                margin: 0;
                line-height: 30px;
            }

            td {
                line-height: 28px;
            }

            th {
                text-align: center;
            }

            /*          .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
                        background-color: #D9EDF6;
                      }*/

            .table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
                background-color: #D9EDF6;
            }

            .td-center {
                text-align: center;
                vertical-align: middle;
            }

            .table > tbody > tr > td {
                vertical-align: middle;

            }

            td {
                padding: 5px;
            }

            li {
                line-height: 25px;
            }

            h1 {
                font-weight: bold;
                font-family: unset;
                line-height: 60px;
                font-size: 2em;
            }

            h2 {
                font-weight: bold;
                line-height: 60px;
                font-size: 1.5em;
            }

            video {
                width: 390px;

            }
    </style>

    <style>



            span {
                padding-left: 20px;
                font-size: 16px;
            }
    </style>


    <script src="@routes.Assets.at("bootstrap-3.3.7/js/bootstrap.min.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.js")" type="text/javascript"></script>
    <script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>


        <div class="inner-header">
            <h1 style="margin: 0">教学视频</h1>
        </div>


    <div class="main-body">


            <h1 align="center" style="color: #666666;padding-top: 10px">VisualGenomics转录组软件视频教程</h1>


        <ul class="nav nav-tabs" style="margin-top: 20px">
            <li role="presentation" id="paste-tab" class="active"><a data-toggle="tab" onclick="Open('new')">
                新版</a></li>
            <li role="presentation" id="upload-tab"><a data-toggle="tab" onclick="Open('old')">
                老版</a></li>
        </ul>

        <div id="new">

            <table align="center" style="text-align: center">
                <tr>


                    <td>
                        <h2>01.原始数据评估和质控</h2>


                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAg-7mA7QUo9ISX4gU.mp4" type="video/mp4">
                        </video>

                    </td>

                    <td>
                        <h2>02.比对和表达量计算</h2>
                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgiLqA7QUo_I26ugI.mp4" type="video/mp4">
                        </video>

                    </td>

                    <td>
                        <h2>03.标准分析教程</h2>
                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgnLqA7QUo4N30hwY.mp4" type="video/mp4" />
                        </video>
                    </td>

                </tr>
                <tr>

                    <td>
                        <h2>04.表达水平评估与分析</h2>
                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgprqA7QUoj93XgwI.mp4" type="video/mp4" />
                        </video>
                    </td>

                    <td>
                        <h2>05.子表达模式分析</h2>
                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgs7qA7QUo84G9_wM.mp4" type="video/mp4" />
                        </video>
                    </td>

                    <td>
                        <h2>06.WGCNA基因共表达网络分析</h2>
                        <video  controls>
                            <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgv7qA7QUo9pyepAc.mp4" type="video/mp4" />
                        </video>
                    </td>

                </tr>


            </table>

            <div style="padding: 20px">
                <h3>下载全部教学视频：</h3>

                <span><a href="http://vgyun.net:9000/resource/admin/download?fileName=VG%E8%BD%AC%E5%BD%95%E7%BB%84%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B-%E6%96%B0%E7%89%88.zip"
                target="_blank" class="boot-color">本地下载</a></span>

                <span><a href="https://pan.baidu.com/s/14M1DE8fCXhK3IIBb7RKg-Q" target="_blank" class="boot-color">
                    百度网盘</a></span>
            </div>
        </div>


        <div id="old" style="display: none">

        <table align="center" style="text-align: center">
                    <tr>


                        <td>
                            <h2>RS01 软件基础操作教程</h2>


                            <video poster="@routes.Assets.at("images/video/RS01.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgp4q16QUop_fR3wc.mp4" type="video/mp4">
                            </video>

                        </td>

                        <td>
                            <h2>RS02 原始数据评估和质控</h2>
                            <video poster="@routes.Assets.at("images/video/RS02.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgtIq16QUo27aBhwI.mp4" type="video/mp4">
                            </video>

                        </td>

                        <td>
                            <h2>RS03 比对和表达量计算</h2>
                            <video poster="@routes.Assets.at("images/video/RS03.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAgw4q16QUo6o-dTQ.mp4" type="video/mp4" />
                            </video>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            <h2>RS04 标准分析教程</h2>
                            <video poster="@routes.Assets.at("images/video/RS04.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAg2Iq16QUotdKBgQc.mp4" type="video/mp4" />
                            </video>
                        </td>

                        <td>
                            <h2>RS05 表达水平评估和分析教程</h2>
                            <video poster="@routes.Assets.at("images/video/RS05.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAg7oq16QUo6MHFoAI.mp4" type="video/mp4" />
                            </video>
                        </td>

                        <td>
                            <h2>RS06 子表达模式分析教程</h2>
                            <video poster="@routes.Assets.at("images/video/RS06.jpg")" controls>
                                <source src="http://12596274.s21v.faiusr.com/58/ABUIABA6GAAg-Yq16QUourX4qgI.mp4" type="video/mp4" />
                            </video>
                        </td>

                    </tr>


                </table>

                <div style="padding: 20px">
                    <h3>下载全部教学视频：</h3>

                    <span><a href="http://vgyun.net:9000/resource/admin/download?fileName=VG%E8%BD%AC%E5%BD%95%E7%BB%84%E8%BD%AF%E4%BB%B6%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B.zip"
                    target="_blank" class="boot-color">本地下载</a></span>

                    <span><a href="https://pan.baidu.com/s/1Op4Z9R_XyIFQWVkExaZC6A" target="_blank" class="boot-color">
                        百度网盘</a></span>
                </div>
        </div>


    </div>




    <script>


            function Open(obj) {
                if (obj == "new") {
                    $("#old").hide();
                    $("#new").show();
                } else {
                    $("#new").hide();
                    $("#old").show();
                }


            }

    </script>

}